<template>
<div>
  <div class="item">
    <span class="d-inline-block" :class="title1.color"></span>
    <span>{{ title1.label }}</span>
  </div>
  <div class="item">
    <span class="d-inline-block" :class="title2.color"></span>
    <span>{{ title2.label }}</span>
  </div>
</div>
</template>

<script>
export default {
    name: 'preAlarmAndAlarm',
    props: {
        title1: {
            type: Object,
            default: () => ({
                label: '预警',
                color: 'linear1'
            })
        },
        title2: {
            type: Object,
            default: () => ({
                label: '告警',
                color: 'linear2'
            })
        }
    },
    data () {
        return {

        }
    }
}
</script>

<style lang="scss" scoped>

</style>
